@import "../../weui/style/base/fn";
@keyframes tag_animation {
  0%{
    transform:rotate(10deg) rotateX(40deg) rotateY(10deg);
  }
  50%{
    transform:rotate(-10deg) rotateX(-40deg) rotateY(-10deg);
  }
  100%{
    transform:rotate(10deg) rotateX(40deg) rotateY(10deg);
  }
}
.page.home{
  .tag{
    content: ' ';
    display: inline-block;
    width: 62rem/32;
    height:212rem/32;
    background-size:62rem/32 212rem/32;
    background-image: url(../../images/tag_icon.png);
    position: absolute;
    top: 0;
    right: 1rem;
    transform-origin:50% 0%;
    animation: tag_animation 4s infinite;
  }
  background-size: 1px 568rem/16;
  background-image: url(../../images/bg_color.png);
  background-repeat: repeat-x;
  background-color: #bcedfb;
  .title{
    margin: 30rem/16 auto;
    width: 127rem/16;
    height: 34rem/16;
    background-size: 127rem/16 34rem/16;
    background-image: url(../../images/logo.png);
  }
  .info{
    width: 230rem/16;
    height: 270rem/16;
    margin: 0 auto;
    padding-top: 15rem/16;
    background-color: #595959;
    border-radius:20rem/16 20rem/16 0 0;
    .head{
      background-color: #4d4d4d;
      width: 95rem/16;
      height: 8rem/16;
      border-radius: 4rem/16;
      margin: 0 auto;
    }
    .inner{
      margin: 12rem/16 auto 0 auto;
      width:190rem/16;
      height:250rem/16;
      background-color: #fffdf2;
      border-radius:5rem/16 5rem/16 0 0;
      position: relative;
      text-align: center;
      overflow: hidden;
      .text{
        font-size: 20rem/16;
        padding: 10rem/16;
      }
      .finger{
        display: inline-block;
        width: 122rem/16;
        height: 66rem/16;
        background-size: 122rem/16 66rem/16;
        background-image: url(../../images/icon_finger.png);
        position: absolute;
        bottom: 0;
        right:-10rem/16;
      }
    }
  }
  .line{
    width:267rem/16;
    height:5rem/16;
    background-color: #83c8da;
    margin: 0 auto;
    border-radius: 2.5rem/16;
  }
  .msg-box{
    width: 280rem/16;
    height:100rem/16;
    background-color: #d6f5fc;
    border-radius: 5rem/16;
    margin: 20rem/16 auto;
    text-align: center;
    overflow: auto;
    font-size: 0.9rem;
    span{
      color:red;
    }
  }
  .toobar{
    width:100%;
    height: 40rem/16;
    background-color: #fff;
    position: absolute;
    .item{
      width: 100%/3;
      line-height: 40rem/16;
      text-align: center;
      padding:0;
    }
  }
  .tool-box{
    position: absolute;
    background-color: #fff;
    width: 100%/3;
    right: 0;
    .item{
      width: 100%;
      padding:0;
      line-height: 40rem/16;
      text-align: center;
    }
  }
  a,a:after,a:hover{
    color: #000;
  }
  .check-in.weui_dialog_confirm{
    overflow: hidden;
    border-radius:10rem/16;
    width: 243rem/16;
    i.close{
      position: absolute;
      display: inline-block;
      background-size: 15rem/16 15rem/16;
      width: 15rem/16;
      height:15rem/16;
      top:10rem/16;
      right:10rem/16;
      background-image: url(../../images/iconfont-cancel.svg);
    }
    .weui_dialog_hd{
      height: 90rem/16;
      background-size: 243rem/16 140rem/16;
      background-position: 0 -15rem/16;
      background-color: #ff5d44;
      background-image: url(../../images/art_icon.png);
    }
    .weui_dialog_bd{
      text-align: center;
      h1{
        color: #000;
        font-size: 20rem/16;
        margin: 2rem/16;
      }
      p{
        color: #999999;
        font-size:16rem/16;
        span{
          color: #ff0000;
        }
      }
      p.des{
        font-size: 14rem/16;
      }
    }
    .weui_btn_dialog{
      height:50rem/16;
      line-height: 50rem/16;
      &.default{
        color: #77c6ed;
      }
      &.primary{
        color: #fff;
        background-color: #77c6ed;
      }
    }
  }
}